import React from "react";
import type { FormProps } from "antd";
import { Form, Checkbox, Input, Button } from "antd";
type FieldType = {
  username?: string;
  password?: string;
  remember?: string;
};

export default function FormPage() {
  return (
    <div className="container mx-auto w-[60%] space-y-6">
      <div>
        <div className="text-xl border-b-2 border-gray-300 pb-2">
          一、简单表单
        </div>
        <Form className="bg-white p-4 shadow-md "
        name="simpleForm"
        onFinish={values => console.log(values)}
        >
          <Form.Item label="用户">
            <Input />
          </Form.Item>
          <Form.Item label="邮箱">
            <Input />
          </Form.Item>

          <Form.Item label="密码">
            <Input.Password />
          </Form.Item>
          <Form.Item>
            <Button type="primary">Submit</Button>
          </Form.Item>
        </Form>
      </div>
    </div>
  );
}
